@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');


body
{

  font-family: 'Plus Jakarta Sans', sans-serif;
}

.top-bar {
    /* background: #28355f; */
    padding: 10px 0px;
    border-bottom: 0px solid #f3eedb;
    background: linear-gradient(to left, #4293cc, #2379bd);
}

h3.welcm-txt {
  margin-bottom: 0px;
  color: #727272;
  font-size: 0.9rem;
  font-weight: 400;
}

.top-bar p{
    margin-bottom: 0px;
}

ul.top-act {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
    list-style:none;
}


ul.top-act li a {
    /* background: #000; */
    padding: 0px 5px;
    /* margin: 0px 4px; */
    display: block;
    color: #fff;
    font-size: 13px;

    font-weight: 500;
    border-radius: 0px;

    line-height: 0px;
}

ul.top-act li a i
{
  font-size: 17px;
  color: #fff;
}

.call a i {
    background: #88c602;
    color: #28355f;
    border-radius: 100%;
    padding: 9px;
    margin-right: 13px;
}

ul.top-act li{border-right:0px solid #565656;}

ul.top-act li:last-child{border-right:0px solid #565656;}

.top-info
{
  display: flex;
  list-style: none;
  margin-bottom: 0px;
  padding-left: 0px;
}

ul.top-info li a {
  font-size: 14px;
  font-weight: 500;
  color: #fff;
}

ul.top-info li a:hover
{
  color: #eee;
  text-decoration: none;
}

ul.top-info li a i
{
  color:#fff;
  font-size: 15px;
}

ul.top-info li:first-child {
  margin-right: 19px;
}

a.navbar-brand img {
    width:240px;

}

.navbar
{
    padding:0.8rem 1rem!important;
}

ul.header-right {
  list-style: none;
  display: flex;
  padding-left: 0;
  margin-bottom: 0;
}


.header-blue-btn {
  display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 0px;
    border: 1px solid transparent;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #fff;
    padding: 0px 14px;
    height: 44px;
    color: #727272;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    margin: 0px 10px;
    border-left: 1px solid #eee;
    margin-right: 0px;
}

.header-blue-btn:hover
{
  color: #325cdf;
  /* transform: translateY(-3px);
    -webkit-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 7px 21px rgba(0, 0, 0, 0.15); */
    text-decoration: none;
}

.header-blue-btn i {
  font-size: 16px;
  margin-right: 2px;
}

.header-contact
{
  display: flex;
}


.register-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    text-align: center;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    border-radius: 40px;
    border: 1px solid #2b80c1;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    background-color: #2b80c1;
    padding: 0px 30px;
    height: 44px;
    color: #fff;
    font-weight: 400;
    margin-left: 4px;
}

.call a span {
    color: #fff !important;
}


.register-btn:hover
{

  transform: translateY(-3px);
    -webkit-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    text-decoration: none;
    color: #fff;
}


.box-detail {
  display: flex;
  margin-right: 20px;
}

.box-detail .icon-box i {
  font-size: 24px;
  width: 40px;
  height: 40px;
  background: #f5f5f5;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  margin-right: 5px;
  color: #333;
}

.box-detail .icon-box {
  margin-right: 5px;
}

.box-content h4 {
  font-size: 15px;
  margin-bottom: 0px;
}

.box-content p {
  font-size: 14px;
  margin-bottom: 0px;
}

.box-content p a
{
  color:#333;
  font-size: 15px;
}

.box-content p a:hover
{
  text-decoration: none;
}

div#navbarContent
{
  justify-content: right;
}


.find-bar {
  padding: 10px 0px;
}

.find-bar h4 {
    color: #fff;
    font-size: 56px;
    text-align: left;
    line-height: 63px;
    margin-bottom: 21px;
    font-weight: 600;
}

.find-bar p {
    background: #ffffff3d;
    color: #fff;
    width: fit-content;
    padding: 8px 21px;
    /* margin: 0px auto; */
    border-radius: 36px;
    margin-bottom: 17px;
    font-weight: 600;
}

form.top-form {
    display: flex;
    background: linear-gradient(to left, #4293cc, #2379bd);
    padding: 5px 8px;
    border-radius: 4px;
}


form.top-form .form-group{
  margin-bottom: 0px;
}

form.top-form .form-group input {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid #2473b1 !important;
    border-radius: 4px;
    border: none;
    font-size: 0.9rem;
}


form.top-form .form-group select {
    width: 100%;
    padding: 12px 14px!important;
    border: 1px solid #2473b1 !important;
    border-radius: 4px;
    border: none;
    font-size: 0.9rem;
    height: auto;
}



form.top-form .form-group button {
    width: 100%;
    padding: 11px 14px;
    border: 0px solid #325de0;
    border-radius: 4px;
    background: linear-gradient(to left, #9bb34b, #809e46);
    color: #fff;
}


.bannner-area {
  background-image: url(assets/img/banner-site.webp);
  height: 500px;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  /* background: #edfff9; */
  background-position: top center;
}

a.banner-call {
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    background: #247abd;
    padding: 7px 10px;
    display: inline-table;
    border-radius: 80px;
    padding-right: 24px;
}

a.banner-call:hover
{
    text-decoration:none;
}

.banner-call i
{

    border-radius: 100%;
    background: #88c602;
    padding: 8px;
    margin-right: 9px;
}


.bannner-area:before {
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, #4293cc00, #020202);
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    opacity: 0.8;
}

.banner-cta {
    background: linear-gradient(to left, #4293cc, #2379bd);
    padding: 50px 70px;
    border-radius: 10px;
    margin: 50px 0px;
    box-sizing: border-box;
}

.cta-text h1 {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 0px;
}

.call {
  text-align: center;
  align-items: center;
  display: flex;
}


.call a {
  color: #fff;
  font-size: 36px;
  font-weight: 600;
}

.call a:hover
{
  text-decoration: none;
  color: #eee;
}

.banner-cta p {
  margin-bottom: 0px;
  color: #fff;
  font-size: 1.3rem;
}


.cta-text {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

a.call-btn {
  background: #325ee1;
  color: #fff;
  font-size: 0.8rem;
  padding: 7px 10px;
  border-radius: 3px;
}


.slider
{
  position: relative;
  overflow: hidden;
  background-color: #fafafa;
}

.business-tabel-area {
  margin: 50px 0px;
}

.business-box {
  display: flex;
  align-items: center;
}

.alpha {
  font-size: 1.8rem;
  font-weight: 600;
  width: 40px;
  color: #325ee1;
}

.business-box h1 {
  line-height: 0;
}

.business-box h1 a {
  font-size: 1rem;
  margin-right: 10px;
  color: #325ee1;
}
.business-box span {
  background: #ebffeb;
  color: green;
  font-size: 0.7rem;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 500;
}

.table-responsive.home-listing {
  border: 1px solid #eee;
  border-radius: 7px;
}

.address-txt
{
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
}

.table-responsive.home-listing .table
{
  margin-bottom: 0px;
}

.view-btn a {
  width: 100%;
  background: #325fe2;
  text-align: center;
  display: block;
  padding: 10px 0px;
  border-radius: 5px;
  color: #fff;
  margin-top: 20px;
}

.view-btn a:hover
{
  text-decoration: none;
}

tbody.states-names tr td a:before {
  content: "\f0a4";
  font-family: line Awesome Free;
  margin-right: 2px;
  color: #3260e3;
}

tbody.states-names tr td a{
  font-size: 15px;
  color: #3260e3;
}


.content {
  background-color:rgba(255,255,255,.8);
  border-radius:.25em;
  box-shadow:0 0 .25em rgba(0,0,0,.25);
  box-sizing:border-box;
  left:50%;
  padding:10vmin;
  position:fixed;
  text-align:center;
  top:50%;
  transform:translate(-50%, -50%);
}


@keyframes slide {
  0% {
    transform:translateX(-25%);
  }
  100% {
    transform:translateX(25%);
  }
}

.form-area {
  /* background: #fff; */
  margin-top: 10px;
  /* box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15); */
  padding: 10px;
  position: relative;
}

.form-area form
{
  display: flex;
}

.form-area form input {
  width: 100%;
  padding: 21px 32px;
  border: 1px solid #e5e7e7;
  border-radius: 49px;
  position: relative;
}



.form-area form button {
  width: fit-content;
  height: fit-content;
  padding: 15px 40px;
  border: none;
  background: #30b97c;
  color: #fff;
  position: absolute;
  right: 19px;
  border-radius: 36px;
  top: 17px;
}

.title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.title-txt h3 {
  font-weight: 600;
  color: #333;
}

.title-btn a {
  background: #eaf8f3;
  color: #30b97c;
  padding: 11px 21px;
  border-radius: 4px;
  font-size: 12px;
}

.title-btn a:hover
{
  background: #03B97C;
  text-decoration: none;
  color: #fff;
}

.title-txt p {
  color: #727272;
  font-size: 14px;
}





.banner-section {
  background-image: url(assets/img/bg-wall.webp);
  height: 590px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-size: cover;
}


.banner-text {
  text-align: center;
  position: absolute;
  top: 25%;
}



.banner-text h1 span
{
  font-weight: 700;
}

.banner-text p {
  color: #333;
  font-size: 16px;
  margin: 10px 0px;
  padding: 0px 80px;
}

.banner-action
{
  display: flex;
  list-style: none;
  padding-left: 0px;
  justify-content: center;
}

.banner-img
{
  height: 400px!important;
}

.banner-img img
{
  object-fit: cover!important;
  height: 100%;
  position: relative;
}



.red-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  border-radius: 0px;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #e20c35;
  padding: 1px 30px;
  height: 50px;
  color: #fff;
  font-weight: 400;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  margin: 0px 10px;
  width: fit-content;
  margin: 20px auto;
  margin-right: 10px;

}
.red-btn:hover
{
  text-decoration: none;
  color: #fff;
  background-color: #000;
  transform: translateY(-3px);
}

.white-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.2;
  border-radius: 0px;
  border: 1px solid transparent;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #FFF;
  padding: 1px 30px;
  height: 50px;
  color: #333;
  font-weight: 400;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  margin: 0px 10px;
  width: fit-content;
  margin: 20px auto;

}

.white-btn:hover
{
  text-decoration: none;
  color: #fff;
  transform: translateY(-3px);
  background-color: #e20c35;
}



.banner-section:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(5, 16, 54, 0.5) 0%, #051036 72.43%);
  opacity: 0.8;
}


.banner-text h3 {
  width: fit-content;
  margin: 12px auto;
  padding: 9px 18px;
  font-size: 14px;
  border-radius: 4px;
  color: #ffffff;


  letter-spacing: 1px;
  background: linear-gradient(90deg, #FF9800 0%, #03B97C 100%);
}

.banner-text h1 {
  color: #4d4c4c;
  font-size: 37px;
  font-weight: 500;
}

form.search-box {
  background: #fff;
  width: 100%;
  padding: 18px;
  margin: 20px 0px;
  display: flex;
}

.section-part
{
  padding: 80px 0px;
}

.category-box {
  padding: 30px 20px;
  text-align: center;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
border: 1px solid #fff;
}

  .category-box:hover
  {
    border:1px solid #03B97C;
  }

  .category-box a:hover
  {
text-decoration: none;
  }

  .category-box a:hover>.category-txt h3
  {
    color: #03B97C;
  }

.category-txt h3 {
  font-size: 13px;
  margin-bottom: 0px;
  padding: 15px 0px;
  color: #727272;
  padding-bottom: 0px;
}


.category-icon i {
  width: 60px;
  height: 60px;
  background: #eaf8f4;
  line-height: 60px;
  font-size: 35px;
  border-radius: 100%;
  color: #30b97c;
}

.popular-course {
  padding: 80px 0px;
  background: #fafafa;
  border-radius: 100px 100px 0px 0px;
  /* border-top: 1px solid #fcf5f5; */
}

.course-box {
  background: #fff;
  padding: 10px;
  /* box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px; */
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  border: 1px solid #f5f5f5;
  /* box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; */
}

.course-box:hover
{
  transform: translateY(-3px);
}

.crouse-info {
  display: flex;
  justify-content: space-between;
}

.duration
{
  display: flex;
  align-items: center;

}

.lessons
{
  display: flex;
  align-items: center;
}

.reviews
{
  display: flex;
  align-items: center;
}

.course-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 14px;
  border-top: 1px solid #eee;
  margin-top: 13px;
}

.course-content h1 {
  font-size: 18px;
  margin: 5px 0px;
  font-weight: 500;
}

.course-content h1 a {
  color: #5a5858;
}

.course-content {
  padding: 15px 16px;
}

.duration h5 {
  font-size: 13px;
  margin-bottom: 0px;
  color: #727272;
}

.duration i {
  margin-right: 4px;
  color: #fbb10c;
}

.lessons h5 {
  font-size: 13px;
  margin-bottom: 0px;
  color: #727272;
}

.lessons i {
  margin-right: 4px;
  color: #fbb10c;
}

.reviews h5
{
  font-size: 13px;
  margin-bottom: 0px;
  color: #727272;
}

.reviews i {
  margin-right: 4px;
  color: #fbb10c;
  font-size: 14px;
}

.course-content p
{
  font-size: 14px;
  color: #727272;
  margin-bottom: 10px;
}

.course-price {
  color: #6d6b6b;
  font-size: 18px;
  /* color: #30b97c; */
  font-weight: 600;
}

.buy-btn a {
  color: #fff;
    background: #30b97c;
    padding: 9px 18px;
    font-size: 13px;
    text-transform: uppercase;
    border-radius: 4px;
    font-weight: 600;
}

.buy-btn a:hover
{
  text-decoration: none;
  background: #27aa6f;
}

.course-content span a {
  background: #eaf8f4;
  color: #30b97c;
  padding: 5px 18px;
  display: flex;
  width: fit-content;
  margin-bottom: 10px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: 500;
}

.course-img img {
  border-radius: 10px;
}

.points-view {
  margin: 60px 0px;
  padding: 30px;
  border-radius: 10px;
  box-shadow:rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgb(216 213 213 / 8%) 0px 0px 0px 1px
}

.view-box
{
  text-align: center;

}


.view-box i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background: #eaf8f4;
  color: #30b97c;
  font-size: 27px;
  border-radius: 1000%;
  margin-bottom: 15px;
  text-align: center;
}

.blog-section
{
  padding: 80px 0px;
}

.blog-img img {
  border-radius: 4px;
}


.blog-box {
  /*position: relative;*/
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;

}

.blog-box:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  /*background: linear-gradient(to top, #1c1d1d, transparent);*/
  border-radius: 4px;
}

.blog-box:hover
{


}

.blog-img {
}

.blog-box .blog-content {
    /* background: #fff; */
    padding: 20px;
    /* margin: 10px; */
    /* width: 96%; */
    border-radius: 10px;
    /* left: 7px; */
    /* right: 10px; */
    box-sizing: border-box;
    margin: 0px auto;
    /* border: 1px solid #eee; */
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(195 191 191 / 8%) 0px 0px 0px 0px;
    position: relative;
    bottom: 0;
}

.blog-content h1 {
  font-size: 19px;
  margin-bottom: 3px;
  line-height: 31px;
}

.blog-content p {
  margin-bottom: 2px;
  font-size: 0.88rem;
  color: #333;
}

a.read-btn {
  color: #33c296;
  border: 1px solid;
  background: transparent;
  padding: 7px 18px;
  display: inline-block;
  border-radius: 4px;
  margin-top: 8px;
  font-size: 0.85rem;
}

.blog-content h1 a{
  color: #2b80c1;
}

.blog-content ul {
  padding-left: 0px;
  display: flex;
  list-style: none;
  margin-bottom: 0px;
}

.blog-content span {
  background: #eaf8f4;
  color: #30b97c;
  padding: 5px 18px;
  display: flex;
  width: fit-content;
  margin-bottom: 8px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: 500;
}

.blog-content ul li {
  margin-right: 11px;
  font-size: 13px;
  color: #727272;
}





.cta-action {
  padding: 60px 0px;
  background-color: #30b97c;
}

.cta-action p {
  margin-bottom: 7px;
  color: #fff;
}

.cta-action h3 {
  font-size: 44px;
  color: #fff;
  margin-bottom: 0px;
}

.join-btn {

  color: #fff;
  border: 2px solid #fff;
  text-align: center;
  width: fit-content;
  padding: 10px 40px;
  border-radius: 52px;
  display: inline-block;
}

.join-btn:hover
{
  color: #03B97C;
  background: #fff;
  text-decoration: none;
}


.dots{
  margin-top: 20px;
}
.dots li
{
  background-color: #dad7d7;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}


.drop-links
{

    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.15);
    border:none;
}

.drop-links li a
{
  color: #727272;
  font-size: 15px;
  padding: 8px 14px;
  margin: 0px 0px;

}

.drop-links li a:hover
{
  background-color: #eaf8f4;
  color: #30b97c;
}

.breadcumb-area {
  background-image: url(assets/img/breadcumb.jpeg);
  padding: 140px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
}

.breadcumb-area:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #1e1d1fba 0%, #124a31a1 15%);
  left: 0;
  top: 0;
}


.breadcum-text
{
text-align: center;
}

.breadcum-text h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
}

.breadcum-text ul {
  list-style: none;
  padding-left: 0px;
  background: #30b97c;
  width: fit-content;
  display: flex;
  margin: 0px auto;
  padding: 10px 30px;
  border-radius:33px;
}

.breadcum-text ul li a {
  color: #fff;
  font-size: 15px;
  padding-right: 20px;
  position: relative;
}

.breadcum-text ul li a:after {
  content: '>';
  right: 5px;
  position: absolute;
}

li.last-act a {
  padding-right: 0px!important;
}

li.last-act a::after
{
display: none;
}




.course-left
{
  padding: 60px 0px;
}

.course-structure {
  display: flex;
  justify-content: space-between;
  /* background: #eaf8f4; */
  padding: 13px 0px;
  /* border-radius: 53px; */
  border: 1px solid #eee;
  border-left: 0;
  border-right: 0;
}

.teacher
{
  display: flex;
  align-items: center;
}

h1.course-title {
  font-size: 23px;
  margin: 16px 0px;
  color: #333;
  /* border-bottom: 1px solid #eee; */
  padding-bottom: 1px;
  margin-bottom: 12px;
  font-weight: 600;
}

.teacher img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  margin-right: 10px;
}

.teacher h3
{
  font-size: 16px;
  margin-bottom: 0px;
  color: #333;
}

.duration-time
{
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #fbb10c;
}

.duration-time h3
{
  font-size: 14px;
  margin-bottom: 0px;
  color: #727272;
  margin-left: 5px;


}

.re-view
{
  display: flex;
  align-items: center;
  margin-right: 10px;
  color: #fbb10c;
}

.re-view h3
{
  font-size: 14px;
  margin-bottom: 0px;
  color: #727272;
  margin-left: 5px;
}

.level
{
  display: flex;
  align-items: center;
  color: #fbb10c;
}

.level h3
{
  font-size: 14px;
  margin-bottom: 0px;
  color: #727272;
  margin-left: 5px;


}

.course-bb
{
  display: flex;
}


.decription
{
  margin-top: 20px;
}

.decription p
{
  font-size: 15px;
  color: #727272;
  line-height: 25px;
}

.playlist-title h3 {
  font-size: 20px;
  color: #333;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.playlist {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 14px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.playlist:hover
{
  transform: translateY(-3px);
  box-shadow: 0 22px 40px rgb(165 162 162 / 15%);
}

.playlist-descrip {
  border-right: 1px solid #f5f5f5;
}

.playlist-descrip span {
  background: #eaf8f4;
  color: #30b97c;
  padding: 5px 18px;
  display: flex;
  width: fit-content;
  margin-bottom: 6px;
  font-size: 12px;
  border-radius: 50px;
  font-weight: 500;
}

.playlist-descrip p
{
  margin-bottom: 0px;
  color: #727272;
  font-size: 13px;
}

.playlist-descrip h3 {
  font-size: 17px;
  color: #333;
  margin-bottom: 4px;
}

.playlist-img img {
 border-radius: 10px;
}

.playlist-action {
  text-align: center;
}

.playlist-action h4{
margin-bottom: 6px;
color: #333;
font-size: 20px;
text-align: left;
}

.playlist-action a {
  background: #30b97c;
  padding: 5px 9px;
  font-size: 13px;
  width: 100%;
  display: block;
  border-radius: 0px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.review-box {
  display: flex;
  background: #eaf8f4;
  padding: 20px 20px;
  border-radius: 9px;
}

.review-box .ratings
{
  justify-content: start;
}

.review-box .user-img {
  margin-right: 16px;
}

.review-box .user-img img
{
  width: 80px;
  height: 80px;
  border-radius: 100%;
}

.review-content h4 {
  font-size: 17px;
  color: #333;
  margin-bottom: 0px;
}

.review-content p {
  font-size: 14px;
  color: #727272;
  line-height: 22px;
}

form.post-review input {
  width: 100%;
  padding: 12px 18px;
  border: 1px solid #eee;
  font-size: 14px;
  border-radius: 4px;
}

form.post-review textarea {
  width: 100%;
  padding: 12px 18px;
  border: 1px solid #eee;
  font-size: 14px;
  border-radius: 4px;
  height: 130px;
}

form.post-review button {
  background: #eaf8f4;
  color: #30b97c;
  border: 2px solid #30b97c;
  padding: 10px 40px;
  text-transform: uppercase;
  font-size: 14px;
  margin-top: 20px!important;
  font-weight: 600;
  /* margin: 0px auto; */
  display: block;
}

form.post-review button:hover
{
  background-color: #30b97c;
  color: #fff;
}

.course-right
{
  padding: 60px 0px;
}

.latest-box {
  display: flex;
  align-items: center;
  padding: 10px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
}

.latest-box-img img
{
  width: 120px;
}

.latest-box-img {
  margin-right: 10px;
}

.latest-box-content h5 {
  font-size: 16px;
  color: #333;
}

.latest-box-content h5 a
{
  color: #333;
  margin-bottom: 5px;
}

.latest-box-content p {
  margin-bottom: 0px;
  font-size: 13px;
  color: #727272;
}

form.serch-type input {
  padding: 14px 18px;
  width: 100%;
  font-size: 15px;
  border: 1px solid #f5f2f2;
  border-radius: 4px;
}

form.serch-type {
  display: flex;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
}

form.serch-type button {
  position: absolute;
  right: 5px;
  top: 10px;
  background: no-repeat;
  border: 0px solid;
  color: #6d6b6b;
  font-size: 20px;
  border-left: 1px solid #eee;
  padding: 0px 13px;
}


.Contact-box-form h2 {
  color: #28355f;
    margin-bottom: 12px;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
}
.acc-lost {
  width: 100%;
  margin-top: 20px;
  text-align: center;
  justify-content: space-between;
  padding: 0px 20px;
}

.acc-lost p
{
    margin-bottom: 8px;
}

.acc-lost p a {
  color: #30b97c;
}

.Contact-box-form p
{
  font-size: 14px;
}

.Contact-box-form {
  background: #fff;
  padding: 40px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
}

.green-form
{
  background-color: #eaf8f4;
  box-shadow: none;
}

.green-form input
{
  border: 1px solid #dceee9!important;
}



form#contact-form input {

  border: 1px solid #f5f5f5;
  padding: 26px 20px!important;
  color: #000!important;
  margin-bottom: 0px!important;
  width: 100%;
  border-radius: 0px;
  font-size: 0.9rem;
  background: #fff;
}

form#contact-form textarea{
  background-color: #fff;
  border: 1px solid #f5f5f5!important;

  padding: 20px 20px!important;
  color: #000!important;
  margin-bottom: 0px!important;
  width: 100%;
  border-radius: 0px;
  height: 130px;
  font-size: 0.9rem;
}

.default-form .form-group {
  position: relative;
  margin-bottom: 20px;
}

button.theme-btn-two {
  width: 100%;
    text-transform: uppercase;
    font-weight: 500;
    background: #30b97c!important;
    border-radius: 4px;
    padding: 17px 0px;
    color: #fff;
    border: none;
    font-size: 0.9rem;
    letter-spacing: 1px;

}

.form-type {
  background: #fff;
  padding: 60px 40px;
}

.form-type h3 {

  letter-spacing: 1px;
  text-transform: uppercase;
}

.form-type form input {
  padding: 23px 20px;
  font-size: 0.9rem;
}

.form-type form button {
  background: #000;
  border: none;
  padding: 13px 0px;
  letter-spacing: 2px;
}
.form-type form button:hover
{
  background-color: #333;
}

.form-type p {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
  color: #333;
  font-size: 0.9rem;
}

.form-type p a{
  color: #000;
  text-decoration: underline;
}


.info-list {
  padding-left: 0px;
}

.info-list li {
  display: flex;
  margin-bottom: 20px;
}

.info-list li i {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 27px;
    font-size: 1rem;
    color: #fff;
    background: linear-gradient(to left, #9bb34b, #809e46);
}

.info-list li .add-info b {
  color: #333;
  font-size: 0.9rem;

    font-weight: 600;
}

.single-adderss-block h3 {
  color: #333;
  margin-bottom: 23px;
  font-size: 1.5rem;
  font-weight: 500;

  text-transform: uppercase;
  letter-spacing: 1px;
}

.add-info p {
  margin-bottom: 0px;
  font-size: 0.9rem;
}
.add-info p a {
  color: #000;
  text-decoration: underline;
}

.contact-section {
  padding: 80px 0px;
}



.user-img
{
  text-align: center;
}


.user-img img {
  width: 100px;
  border-radius: 100%;
/* border: 2px solid #d6ede3; */
}

.user-info-part {
  text-align: center;
  margin-top: 10px;
}

.user-info-part h3 {
  font-size: 22px;
    color: #30b97c;
    margin-bottom: 3px;
}

.user-info-part p {
  font-size: 14px;
  margin-bottom: 0px;
  color: #333;
}

.mob-menu ul {
  width: 100%;
  display: block;
}

.user-leftbar {
  background: #ffff;
  padding: 20px 0px;
  position: fixed;
  height: 100%;
  width: 25%;
  padding-top: 0;
  border-right: 1px solid #f6f6f6;
}

.mob-menu ul li {
  margin: 16px 0px;
}

.mob-menu ul li .active {
  background: linear-gradient(90deg, #74d6ab 0%, #03B97C 100%);
    color: #ffffff!important;
    padding: 12px 13px!important;
    border-radius: 5px;
}

.mob-menu ul li a
{
  font-size: 14px!important;
  color: #333!important;
}

.user-screen
{
  background: #e9f8f3;
}

.dashboard-section {
  margin: 30px 20px;
  background: #fff;
  padding: 20px;
  border-radius: 10px;
}

.panel-title h3 {
  border-bottom: 1px solid #eee;
  padding-bottom: 13px;
  margin-bottom: 20px;
  color: #333;
  font-size: 20px;
}

.wallet-box {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px;
  border-radius: 10px;
  text-align: center;
  padding: 30px 10px;
  background: linear-gradient(90deg, rgb(48 185 124) 3%, rgb(11 145 92) 100%);
}

.wallet-box h3 {
  font-size: 14px;
  color: #fff;
  margin-bottom: 11px;
}

.wallet-box h2 {
  margin-bottom: 7px;
  color: #fff;
  font-size: 26px;
}

.user-area {
  padding: 0px 8px;
    margin: 17px 18px;
    border-radius: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 30px;

}

.mob-menu ul li a i {
  font-size: 18px;
  margin-right: 2px;
}

.wallet-box a {
  color: #eee;
  font-size: 14px;
  border-bottom: 2px solid;
}

form.my-profile-form input {
  width: 100%;
  padding: 13px 18px;
  font-size: 14px;
  border: 1px solid #eee;
  border-radius: 4px;
}

form.my-profile-form select {
  width: 100%;
  padding: 13px 18px;
  font-size: 14px;
  border: 1px solid #eee;
  border-radius: 4px;
}

.change-pic {
  margin-bottom: 8px;

  padding-bottom: 21px;
  display: flex;
  align-items: center;
}

.ussr-img {
  width: 100px;
  margin-right: 17px;
}

.ussr-img img {
  width: 100%;
  border-radius: 100%;
}

.change-pic h3 {
  font-size: 18px;
  margin-bottom: 12px;
}

.change-pic input {
  font-size: 13px;
}

form.my-profile-form button {
  background: #30b97c;
  color: #fff;
  border: none;
  padding: 14px 26px;
  border-radius: 4px;
  font-size: 14px;
}


table.table.course-table thead {
  background: #30b97c;
  color: #fff;
  font-size: 14px;
}

table.table.course-table tbody tr td {
  font-size: 13px;
}

table.table.course-table tbody tr td a {
  background-color: #c4f3e0;
  color: #30b97c;
  padding: 8px 15px;
  border-radius: 42px;
  font-size: 11px;
  font-weight: 500;
}

.user-wallet-box {
  width: fit-content;
  background: #e9f8f3;
  padding: 20px 60px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 20px;
}

.user-wallet-box h3 {
  color: #333;
  font-size: 15px;
}

.user-wallet-box h2 {
  color: #30bb7f;
  font-size: 40px;
  margin-bottom: 0px;
}

.request-btn
{
  position: fixed;
  bottom: 30px;
  right:30px;
}

.request-btn a {
  background: #30b97c;
  padding: 12px 32px;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
}


.total-states {
  border: 1px solid #eee;
  border-radius: 10px;
  display: flex;
  justify-content: center;
}



.state-box p {
  margin-bottom: 0px;
  font-size: 1.2rem;
  color: #6f6f6f;
}

.cities-box p
{
  margin-bottom: 0px;
  font-size: 1.2rem;
  color: #6f6f6f;
}

.state-box {
  text-align: center;
  padding: 40px 0px;
  margin: 0px 20px;
}

.cities-box {
  text-align: center;
  padding: 40px 0px;
  margin: 0px 20px;
}

.state-box h3 {
  margin-bottom: 0px;
  font-size: 2.3rem;
  color: #333;
}

.cities-box h3 {
  margin-bottom: 0px;
  font-size: 2.3rem;
  color: #333;
}








footer {
  background-color: #fafafa;
  padding: 70px 0px;
  padding-bottom: 0;
  background-image: url(assets/img/map.webp);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-top: 1px solid #eee;
  position: relative;
}

footer:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #ffffff8c;
  left: 0;
  top: 0;
  position: absolute;
}

ul.f-menu {
  padding-left: 0px;
  list-style: none;
}

ul.f-menu li a {
  font-size: 12px;
  width: 100%;
  color: #646262;
  font-weight: 500;
  margin-bottom: 12px;
  display: block;
}

ul.f-menu li a i
{
  color: #646262;
}

.footer-widget h3 {
  margin-bottom: 20px;
  font-size: 20px;
  color: #333;
}

.footer-widget h3:after {
  content: '';
  width: 80px;
  height: 3px;
  background: linear-gradient(to left, #9bb34b, #809e46);
  position: absolute;
  left: 14px;
  top: 30px;
}

.footer-widget p {
  font-size: 15px;
    color: #727272;
    margin-top: 21px;
}

ul.contact-info {

  list-style: none;
  padding-left: 0;
}
ul.contact-info li {
  /* border: 1px solid #ffffff; */
  font-size: 15px;
  margin-bottom: 14px;
  color: #727272;
}


ul.social-media {
  display: flex;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

ul.contact-info li i {
  font-size: 8px;
  width: 30px;
  height: 30px;
  background: #03b97c;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  border-radius: 100%;
  margin-right: 10px;
}

ul.contact-info li a
{
  text-decoration: none;
  color: #727272;
}


ul.social-media li a {
  width: 40px;
    height: 40px;
    background: linear-gradient(to left, #9bb34b, #809e46);
    display: block;
    margin-right: 8px;
    text-align: center;
    line-height: 40px;
    font-size: 22px;
    border-radius: 4px;
    color: #fff;
}

/* ul.f-menu li a:before {
  content: "\f0a4";
  font-family: 'Line Awesome Free';
  color: #31c194;
  margin-right: 3px;
} */

.footer-copyright {
  background: linear-gradient(to left, #9bb34b, #809e46);
  display: flex;
  align-items: center;
  margin-bottom: 0px;
  padding: 20px 0px;
  margin-top: 60px;
  position: absolute;
  width: 100%;
}

.footer-copyright p
{
  color: #fff;
  margin-bottom: 0px;
  text-align: center;
  font-size: 15px;
}


.state-section h1 {
    font-size: 1.7rem;
    color: #333;
    margin-bottom: 0px;
    font-weight: 600;
}

a.view-btn {
  border: 1px solid;
  padding: 5px 15px;
  font-size: 0.85rem;
  color: #28355f;
  border-radius: 4px;
}

a.view-btn:hover
{
  background-color: #28355f;
  color: #fff;
  text-decoration: none;
}

.section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
ul.sate-boxes li {
    background: #fff;
    /* border: 1px solid #eee; */
    width: 100%;
    margin: 5px 10px;
    text-align: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(195 191 191 / 8%) 0px 0px 0px 0px;
}
ul.sate-boxes {
  list-style: none;
  padding-left: 0px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom:0px;
}

ul.sate-boxes li a {
    width: 100%;
    display: block;
    padding: 12px 10px;
    color:#257bbe;
    font-size: 0.9rem;
    border: 1px solid #eee;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

ul.sate-boxes li a:hover
{
  background: linear-gradient(to left, #4293cc, #2379bd);
  color: #fff;
  border-radius: 6px;
  text-decoration: none;
}

ul.sate-boxes li a:hover>i
{
  color: #fff;
}

ul.sate-boxes li a i {
    font-size: 1rem;
    color: #257bbe;
    margin-bottom: 0px;
    margin-right: 3px;
}


.listing-section {
  background: #f8f8f8;
  padding: 60px 0px;
  margin-top: 40px;
}

.listing-section h1 {
    font-size: 1.7rem;
    color: #333;
    margin-bottom: 0px;
    font-weight: 600;
}

.shop-list {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 15px 15px;
  align-items: center;
  /* border: 1px solid #f5f4f4; */
  border-radius: 6px;
  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(195 191 191 / 8%) 0px 0px 0px 1px;
}


.shop-list p{
  margin-bottom: 0px;
}

.shop-left h1
{
  margin-bottom: 4px;
}

.shop-left h1 a {
  font-size: 1.1rem;
  color: #28355f;
}

.shop-left p {
  font-size: 0.86rem;
  color: #565454;
}


.shop-act a {
  width: 45px;
  height: 45px;
  background: #88c602;
  display: block;
  text-align: center;
  line-height: 45px;
  color: #fff;
  font-size: 1.3rem;
  border-radius: 6px;
}

.call-text {
  text-align: left;
}

.call-text h1 {
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
}


.call-action {
  padding: 100px 0px;
  background-image: url(assets/img/call-act.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}


.call-text h1 span {
  font-size: 5rem;
}
.call-text h1 {
  font-size: 2.3rem;
  font-weight: 700;
  color: #fff;
}

.call-text p
{
  color: #fff;
}

.call-text a
{
  color: #fff;
}


.call-text a {
  font-size: 1.3rem;
}

.call-text a:hover
{
  text-decoration: none;
}

.call-text a span {
  font-size: 2.2rem;
  font-weight: 600;
}

.call-text a span i {
  background: linear-gradient(to left, #9bb34b, #809e46);
  padding: 11px;
  display: inline-block;
  border-radius: 100%;
  font-size: 2rem;
  margin-top: 14px;
  margin-right: 4px;
}

.lt-art {
    font-size: 1.7rem;
    color: #333;
    margin-bottom: 0px;
    font-weight: 600;
}

#quote-btn {
  animation: radial-pulse 1s infinite;
}

@keyframes radial-pulse
{
0% {
  box-shadow:0 0 0 0px #fff;
}
100% {
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
}

}


ul.bread-lnks {
  position: absolute;
  display: flex;
  line-height: normal;
  background: #fff;
  list-style: none;
  padding-left: 0px;
  padding: 13px 20px;
  border-radius: 45px;
  margin-top: 23px;
  border: 1px solid #eee;
}

/*ul.bread-lnks li a {*/
/*  padding: 0px 10px;*/
/*}*/

ul.bread-lnks li a {
    padding: 0px 10px;
    color: #333;
    font-size: 0.9rem;
    font-weight: 400;
    padding: inherit;
    padding-right: 4px;
    padding-left: 20px;
}

/*ul.bread-lnks li*/
/*{*/
/*  border-right: 1px solid #dad6d6;*/
/*}*/

ul.bread-lnks li:after {
    position: absolute;
    content: ">";
}

ul.bread-lnks li:last-child:after
{
    display:none;
}


/*ul.bread-lnks li:after {*/
/*    position: absolute;*/
/*    content: '>';*/
/*    left: 58px;*/
/*}*/

ul.bread-lnks li:last-child
{
  border-right: 0px solid #dad6d6;
}

.bannner-area.bread-area {
  height: auto;
  padding: 50px 0px;
  position: relative;
}

.empty-space
{
  height: 50px;
}


.business-tabel-area {
  margin: 80px 0px;
}


.shop-box {
  /* border: 1px solid #e4edf8; */
  padding: 0px;
  border-radius: 10px;
  /* background: #f1f7ff; */
  box-shadow: rgb(166 164 164 / 5%) 0px 6px 24px 0px, #eee 0px 0px 0px 1px;
}

.shop-box h3 {
  font-size: 1.1rem;
  margin-bottom: 10px;
  color: #333;
  padding: 16px 15px;
  /* padding-top: 20px; */
  background: #f8f8f8;
  /* margin: 0px 12px; */
  border-radius: 10px 10px 0px 0px;
  /* margin-top: 12px; */
  margin-bottom: 4px;
  /* padding-bottom: 5px; */
}

.shop-box ul {
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.shop-box ul li {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  font-size: 0.85rem;
  border-bottom: 1px solid #eee;
  color: #333;
}

.shop-box ul li:last-child
{
  border-bottom: 0px;
}

.shop-box ul li a {
  color: #000;
}

.shop-box ul li i {
  margin-right: 7px;
  font-size: 1.2rem;
  color: #31c194;
}

.shop-box ul li p {
  margin-bottom: 0px;
}

.shop-box.shop-description p {
  padding: 0px 15px;
  font-size: 0.88rem;
  /* border-bottom: 1px solid #e4edf8; */
  color: #333;
  margin: 10px 0px 10px 0px;
}

.location-map {
  padding: 20px;
}

.shop-box.shop-description {
  padding-bottom: 15px;
   padding-top: 15px;
}

.state-data section a {
    color: #2b80c1;
}

.review-form {
  padding: 16px 15px;
}

.review-form input {
  width: 100%;
  padding: 8px 13px;
  font-size: 0.94rem;
  border: 1px solid #eee;
  border-radius: 4px;
}

.review-form textarea{
  width: 100%;
  padding: 8px 13px;
  font-size: 0.94rem;
  border: 1px solid #eee;
  border-radius: 4px;
  height: 100px;
}


.review-form button {
  width: 100%;
  border: 0px solid #eee;
  padding: 13px 0px;
  text-transform: uppercase;
  font-size: 0.95rem;
  font-weight: 600;
  background: #31c194;
  color: #fff;
  border-radius: 4px;
}

.home-srch {
    background: #297ec0;
    padding: 18px 0px;
}

.bannner-area.bread-area .find-bar {
    background: #28355f;
    border-radius: 7px;
    padding: 0px;
}


.contact_footer_strip_mobile {
    display: none;
}


@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}


@media all and (max-width: 768px)
{
    
    .contact_footer_strip_mobile {
    display: block!important;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to left, #9bb34b, #809e46);
    padding: 0px;
    text-align: center;
    z-index: 987654321;
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

a.banner-call
{
    font-size:1.4rem;
}

.cta-text h1
{
    font-size:2.3rem;
}

.contact_footer_strip_mobile ul li a p span {
    font-size: 0.57rem;
}

.contact_footer_strip_mobile ul {
    margin-bottom: 0px;
    list-style: none;
    padding-left: 0px;
}

.contact_footer_strip_mobile ul li a {
    color: #fff;
    padding: 13px 0px;
    /* display: block; */
    font-size: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}

.contact_footer_strip_mobile ul li a:hover
{
    text-decoration:none;
}

.contact_footer_strip_mobile ul li a p {
    font-size: 0.8rem;
    margin-bottom: 0px;
    text-align: left;
    margin-right: 5px;
}
.contact_footer_strip_mobile ul li a i {
    transform: rotate(13deg);
    margin-right: 0px;
}

  form.top-form .form-group input {
    border-bottom: 1px solid #d5d2d2!important;
    border-right: 0px!important;
    padding: 10px 6px;
}

  ul.sate-boxes li
  {
    padding: 0px 10px;
    margin: 4px 0px;
  }

  .top-bar
  {
    display: none;
  }

  .title-bar
  {
    flex-direction: column;
    align-items: baseline;
  }

  .banner-img {
    height: 413px!important;
}

.category-box
{
  margin-bottom: 20px;
}

.popular-course
{
  border-radius: 0px;
}

.course-box
{
  margin-bottom: 20px;
}

.blog-box
{
  margin-bottom: 20px;
}

.review-section
{
  border-radius: 0px;
}

.review-block
{
  margin-top: 20px;
  padding: 30px 0px;
}

.join-btn
{
  margin-top: 20px;
  justify-content: left;
  display: block;
}

.footer-widget
{
  margin-bottom: 20px;
}

.title-txt p
{
  font-size: 12px;
}

  .carousel-caption
  {
    right: 6%;
    left: 6%;
  }

  .banner-text p
  {
    padding: 0px 0px;
  }

  .banner-text h1
  {
    font-size: 30px;
  }


  .user-leftbar
  {
    height: fit-content;
    width: 100%;
    position: inherit;
    /* display: flex;
    justify-content: space-between; */
    padding: 10px 0px;
  }

  .user-area
  {
    margin-top: 0px;
    display: flex;
    padding: 0px 0px;
    border-bottom: 0px;
    justify-content: center;
  }

  .mob-menu
  {width:100%;}

  .mob-menu button
{
  width: 100%;
}

.dashboard-section
{
  margin: 30px 0px;
}

  .user-part-menu
  {

  }

  .user-img img
  {
    width: 60px;
    margin-right: 10px;
  }

  .user-info-part
  {
    text-align: left;
  }

  .wallet-box
  {
    margin-bottom: 10px;
  }

  .banner-text
  {
    top:9%;
  }

  .find-bar h4
  {
    line-height: 42px;
    font-size:32px;
  }

  form.top-form
  {
    flex-direction: column;
  }

  .cta-text{
    flex-direction: column;
  }

  .banner-cta
  {
    padding: 40px;
  }

  .call a {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
    margin-top: 23px;
}

ul.sate-boxes
{
  flex-direction: column;
  display: flex;
}

.section-title{
  flex-direction: column;
}

.listing-section h1{
  margin-bottom: 10px;
}

.shop-list
{
  margin-bottom: 10px;
}

.call-text h1
{
  font-size: 1.3rem;
}

.call-text h1 span {
  font-size: 3rem;
}

.navbar-nav li {
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #eee;
}

.navbar-nav li:last-child{
    text-align: left;
    width: 100%;
    border-bottom: 0px solid #eee;
}

ul.sate-boxes li a
{
    text-align:left;
}


.state-section h1
{
    margin-bottom:18px;
}

.lt-art
{
    margin-bottom:18px;
}

.Contact-box-form{padding:20px;margin-bottom:20px;}

.call-act h2
{
    display:flex;
    flex-direction:column;
    font-size: 1.3rem!important;
    text-align:center!important;
}

.call-act h2 a {
    color: #fff;
    text-align: center;
    margin-top: 9px;
}




}







.button-87 {
    margin: 10px;
    padding: 12px 15px;
    text-align: left;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: white;
    border-radius: 100px;
    display: block;
    border: 0px;
    font-weight: 700;
    box-shadow: 0px 0px 14px -7px #f09819;
    background-image: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    font-size: 1.5rem;
}

.button-87 i {
    width: 46px;
    height: 46px;
    background: #fff;
    color: #f87129;
    line-height: 46px;
    border-radius: 37px;
    font-size: 1.6rem;
    margin-right: 5px;
    text-align: center;
}

.button-87:hover {
  background-position: right center;
  /* change the direction of the change here */
  color: #fff;
  text-decoration: none;
}

.button-87:active {
  transform: scale(0.95);
}



.call-act {
    background: linear-gradient(45deg, #FF512F 0%, #F09819 51%, #FF512F 100%);
    padding: 24px 20px;
    border-radius: 10px;
    margin-top: 16px;
}


.call-act h2 {
    display: flex;
    justify-content: space-between;
    color: #fff;
    padding-left: 0px !important;
    margin-bottom: 0px;
    font-size: 1.6rem;
}

.call-act h2 a {
    color: #fff;
}



.shop-description ul li {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    font-size: 0.85rem;
    border-bottom: 1px solid #eee;
    color: #333;
    position: relative;
    padding-left: 32px;
}
.shop-description ul li:before {
    content: ">";
    position: absolute;
    left: 11px;
    background: linear-gradient(45deg, #88a447 0%, #2b80c1 51%, #247abd 100%);
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 13px;
    border-radius: 100%;
    text-align: center;
    font-weight: 500;
}

.reiviews-box figure {
    /* border: 1px solid #eee; */
    border-radius: 20px 0px 20px 0px;
    margin: 10px 14px;
    font-size: 1rem !important;
    background: #fafafa;
    margin-bottom: 10px !important;
}
.reiviews-box .blockquote p {
    margin-bottom: 0px;
    font-size: 0.9rem;
    font-style: italic;
}


.reiviews-box figure .blockquote {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 9px;
}


.reiviews-box figcaption {
    text-align: right;
}

.shop-box.reiviews-box {
    padding-bottom: 10px;
}